<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>20231107131+陈哲+上机报告5</title>
    <style type="text/css">
            table[id="out"]{
                width: 760px;
                border:1px solid #9fa1a0;
                margin:0 auto;
                padding: 0;
                border-collapse: collapse;
            }
            .menu_style,.foot_style {
                background-color: #90d226;
                text-align: center;
                vertical-align: middle;
                border: thin solid #FFFFFF;
                text-decoration: none;
                width:10%;
                height: 23px;
            }
            table[id="main"]{
                width: 100%;
                height: 256px;
                border: 0;
                padding: 0;
            }
            .wodeweizhi{
                width: 550px;
                vertical-align: top;
                padding-top: 10px;
                padding-left: 10px;
            }
            .zw{
                font-size: 12px;
                font-style: normal;
                line-height: 1.75em;
                font-weight: normal;
                color: #666;
                text-align: left;
                text-indent: 2em;
            }
            a:link {
                font-size: 12px;
                color: #336699;
                text-decoration: underline;
            }
            table[id="search"]{
                width: 170px;
                height: 110px;
                border: 1px solid #CCC;
                padding: 0;
                margin: 0 auto;
            }
            form{
                height: 110px;
                width: 170px;
            }
            input{
                height: 17px;
                width: 67px;
                border: htin solid #467BA7;
            }
            .dianxingkuangjia{
                text-align: center;
                font-weight: bold;
                color: #06F;
            }
            .dianjizheli{
                font-size: 12px;
                font-style: normal;
                line-height: 1.75em;
                font-weight: normal;
                color: #666666;
            }
    </style>
</head>
<body>
    <table id="out">
        <tr>
            <td colspan="6" style="height: 110px; text-align: center; padding: 0;"><img 
                src="images/title3.jpg" style="width: 760px; height: 161px;" /></td>
        </tr>
        <tr>
            <td class="menu_style">HTML</td>
            <td class="menu_style">CSS</td>
            <td class="menu_style">JavaScript</td>                   
            <td class="menu_style"></td>                   
            <td class="menu_style"></td>                   
            <td class="menu_style"></td>                   
        </tr>
        <tr>
            <td colspan="6">
                <table id="main">
                    <tr>
                        <td class="wodeweizhi"><p class="zw">我的位置&gt;&gt;CSS</p>
                        <a href="demo.html" target="page2">文本示例</a>
                        <a href="mycss1.html" target="page2">操作题2（1）</a>
                        <a href="c2.html" target="page2">操作题2（2）</a>
                        <a href="c3.html" target="page2">操作题2（3）</a>
                        <iframe  name="page2" width="" height=""></iframe>
                    </td>
                    <td>
                        <form id="form1" name="form1" method="post" action="">
                            <table id="search">
                                <tr>
                                    <td style="width: 50%;"><img src="images/username.jpg" 
                                        style="width: 61px; height: 17px;"/></td>
                                    <td><label for="textfield"></label>
                                    <input type="text" name="textfield" id="textfield"/></td>
                                </tr>
                                <tr>
                                    <td><img src="images/password.jpg" style="width: 61px; height: 17px;"/></td>
                                    <td><label for="label"></label>
                                    <input type="text" name="text-indent2" id="label"/></td>
                                </tr>
                                <tr>
                                    <td><span class="dianjizheli">点击这里</span><a href="#">注册</a></td>
                                    <td><img src="images/login_1_7.jpg" style="width: 44px;height: 17px;"></td>
                                </tr>
                            </table>
                        </form>
                        <div class="dianxingkuangjia">
                            <p>典型框架</p>
                            <p><a href="#">JQuery</a></p>
                            <p><a href="#">Dojo</a></p>
                            <p><a href="#">Prototype</a></p>
                        </div>
                    </td>
                    </tr>
                </table>               
            </td>
        </tr>
        <tr>
            <td colspan="6" class="foot_style"><p>版权所有 陈哲</p></td>
        </tr>
    </table>
</body>
</html>